<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>北理起床争霸赛</title>
    <link href="css/normalize.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/bootstrap.min.css">
</head>
<body>
    <div class="container container-fluid clearfix row">
        <div class="top clearfix .col-xs-12 .col-sm-6 .col-md-8">
           <img class="img-responsive" src="img/chomping.png" alt="冠军图案">
            <div class="top-content clearfix">
                <p class="top-title clearfix">北理起床争霸赛</p>
                <p class="top-time"><i>2016.08.28</i></p>
            </div>
        </div>
        <ul class="list col-xs-12 col-sm-6 col-md-8 clearfix">
            <li><span><b>12</b></span><img class="img-responsive" src="img/pic01.png">
                <p class="name">小北报</p><p class="waketime">AM 06:00</p>
                <div class="feed clearfix" id="feed1">
                    <div class="heart " id="like1" rel="like"></div> <div class="likeCount" id="likeCount1">14</div>
                </div>
            </li>

            <li><span><b>1</b></span><img class="img-responsive" src="img/pic01.png" alt="人物头像代替图">
                <p class="name">小明</p><p class="waketime">AM 06:00</p><div class="love"></div>
                <div class="feed clearfix" id="feed2">
                    <div class="heart " id="like2" rel="like"></div> <div class="likeCount" id="likeCount2">14</div>
                </div>
            </li>

            <li><span><b>2</b></span><img class="img-responsive" src="img/pic01.png" alt="人物头像代替图">
                <p class="name">小明</p><p class="waketime">AM 06:00</p><div class="love"></div>              <div class="feed clearfix" id="feed3">
                    <div class="heart " id="like3" rel="like"></div> <div class="likeCount" id="likeCount3">14</div>
                </div></li>

            <li><span><b>3</b></span><img class="img-responsive" src="img/pic01.png" alt="人物头像代替图">
                <p class="name">小明</p><p class="waketime">AM 06:00</p><div class="love"></div>              <div class="feed clearfix" id="feed4">
                    <div class="heart " id="like4" rel="like"></div> <div class="likeCount" id="likeCount4">14</div>
                </div></li>

            <li><span><b>4</b></span><img class="img-responsive" src="img/pic01.png" alt="人物头像代替图">
                <p class="name">小明</p><p class="waketime">AM 06:00</p><div class="love"></div>              <div class="feed clearfix" id="feed5">
                    <div class="heart " id="like5" rel="like"></div> <div class="likeCount" id="likeCount5">14</div>
                </div></li>
        </ul>
    </div>
    <script src="js/jqurey.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</body>
</html>